<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>云端博客</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
</head>
<body>
    <!-- 页眉 -->
    <nav id="nav" class="navbar navbar-default">
    <div id="header" class="container-fluid">
        <div class="container">
            <!-- 移动导航 -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
                  <!-- <span class="sr-only">切换导航</span> -->
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">HPIT学院</a>
            </div>
            <!-- PC端导航 -->
            <div class="collapse navbar-collapse" id="navbar">
                <ul class="nav navbar-nav navbar-right">
                  <li><a href="index.html">首页</a></li>
                  <li><a href="article.html">文章</a></li>
                  <li><a href="product.html">作品</a></li>
                  <li><a href="admin/index.html">Admin</a></li>
                </ul>
            </div>
        </div>
    </div>
    </nav>
    <!-- 正文内容 --> 
    <section id="main">
        <div id="advert">
            <div class="container-fluid">
                <div class="container wow fadeInUpBig" data-wow-duration="1s" data-wow-delay="0.5s">
                    <h2>bootstrap实战课程等你来战</h2>
                    <p>本套课程适用于:1.WEB开发人员；2.网站维护人员，管理人员</p>
                    <p>培训技能的目标：使用bootstrap实现各种页面的效果</p>
                    <p><img src="./imgs/php.jpg" title="PHP核心代码"></p>
                </div>
            </div>
        </div>
    </section>
    <!-- HTML前端开发 -->
    <div id="kaifa">
        <div class="container-fluid">
            <div class="container">
                <div class="row">
                <div class="col-md-6 wow rotateInDownLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                     <h2>HTML5前端开发</h2>
                     <p>一线资深前端开发工程师倾情打造！祝你完成普通程序员到优秀程序员的华丽升级！</p>
                     <p><span class="iconfont icon-xiaohua"></span>使用HTML与CSS3技术轻松实现设备自适应展示</p>
                     <p><span class="iconfont icon-xiaohua"></span>清晰明了的语义代码结构，更高的可读性，更利于页面维护.</p>
                </div>
                <div class="col-md-6 wow rotateInDownRight" data-wow-duration="1s" data-wow-delay="0.5s" >
                     <img src="imgs/html.png" alt="">
                </div>
                </div>
            </div>
        </div>

    </div>
    <!-- HTML前端开发结束 -->
    <!-- bootstrap实战 -->
    <div id="bootstrap">
        <div class="container-fluid">
            <div class="container">
                <div class="row">
                <div class="col-md-6 wow rotateInDownLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                     <img src="imgs/bootstrap.png" alt="">
                </div>
                <div class="col-md-6 wow rotateInDownRight" data-wow-duration="1s" data-wow-delay="0.5s" >
                     <h2>bootstrap实战视频教程</h2>
                     <p>Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的项目</p>
                </div>
                </div>
            </div>
        </div>

    </div>
    <!-- bootstrap结束 -->
    <!-- 联系我们 -->
    <div id="contact">
        <div class="container-fluid">
            <!-- <img src="https://api.map.baidu.com/staticimage/v2?ak=8GU4bru8ASavEmB3ae4gdvsqEVM5903w&mcode=666666&center=113.839001,34.727975&width=100%&height=100%&zoom=14"> -->
            <div class="container">
                <div class="row">
                <div class="col-md-6 wow rotateInDownLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                     <h2><span class="iconfont icon-zhifeiji"></span>联系我们</h2>
                     <p>HPIT学院是河南厚溥教育有限公司旗下一个NT在线教育平台，
                        目前已有30万注册用户，10万以上APP下载量，
                        5000小时视频内容。我们从不说空话，专注于IT在线教育，
                        脱离传统教育束缚,让你走到哪学哪儿，想学就学，逗比老师
                        贴心的助教，在这儿你能感受到来自己五湖四海伙伴们热情和踏实的学习态度                  
                    </p>
                    <p><span class="iconfont icon-weibiaoti"></span>地址: 河南省郑州市经开区中兴产业园51号</p>
                    <p><span class="iconfont icon-dianhua"></span>电话: 0371-86567913</p>
                    <p><span class="iconfont icon-xinjian"></span>邮箱: edu@hpit.com</p>
                </div>
                <div class="col-md-6 wow rotateInDownRight" data-wow-duration="1s" data-wow-delay="0.5s" >
                     <form action="">
                        <input type="text" placeholder="您的姓名">
                        <input type="text" placeholder="您的邮箱"><br>
                        <input type="text" placeholder="标题"><br>
                        <input type="text" placeholder="留言内容">
                        <input type="submit" title="提交">
                     </form>
                </div>
                </div>
            </div>
        </div>

    </div>
    <!-- 中间内容结束 -->
    <!-- 页脚 -->
    <footer id="footer">
        <div class="container-fluid">
            <div class="container">
            <p>
               <span>Copyright&nbsp;&nbsp;&nbsp;2014-2021</span>
               <span>www.hpit.com</span>
               <span><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">豫ICP备13014270号-4</a></span>
            </p>
            </div>
        </div>
    </footer>
    <!-- jquery脚本 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <!--  -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
        $(function(){
            new WOW().init();
        })

    </script>
</body>
</html>